<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Wzlsz's HomePage</title>
		<link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.min.css" rel="stylesheet">
		<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<!--<link rel="stylesheet" type="text/css" href="css/myself.css"/>-->
		<link rel="stylesheet" type="text/css" href="css/case.css"/>
		<link rel="shortcut icon" href="img/logo.ico" />
	</head>
	<body>
		<header>
			<ul class="nav">
				<li><a href="index.html"><span>首页</span></a></li>
				<li><a href="case.html"><span>案例</span></a></li>
				<li><a href="personal.html"><span>个人</span></a></li>
				<li><a href="music.html"><span>音乐</span></a></li>
			</ul>
		</header>
		<main>
			<!--logo-->
			<div class="logo">
				<a href="index.html"><img src="img/logo3.png"/></a>
			</div>
			<ul class="case clearfix">
				<li>
					<figure>
						<img src="img/Restaurant.jpg" alt="" />
						<figcaption>
							<a href="https://bestace.github.io/Restaurant-website/Restaurant-v3/banner.html" target="_blank"><h3>市心酒楼网页</h3></a>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="img/number.jpeg" alt="" />
						<figcaption>
							<a href="https://wzlsz.github.io/wzlsz/demo3/index.html" target="_blank"><h3>猜数字</h3></a>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="img/table.jpeg" alt="" />
						<figcaption>
							<a href="https://wzlsz.github.io/table/index.html" target="_blank"><h3>表格变色效果</h3></a>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="img/LuckDraw.jpeg" alt="" />
						<figcaption>
							<a href="https://wzlsz.github.io/wzlsz/Prize/index.html" target="_blank"><h3>抽奖系统</h3></a>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="img/magic.jpg" alt="" />
						<figcaption>
							<a href="https://wzlsz.github.io/magicWizard/index.html" target="_blank"><h3>魔法阵（css3版）</h3></a>
						</figcaption>
					</figure>
				</li>
			</ul>
		</main>
		<footer>
			<div class="footer">
				<div class="copyright">
					<p>&copy;&nbsp;&nbsp;&nbsp; 版权所属： Mr.LU 如有雷同，请把它写得更好^_^</p>
				</div>
			</div>
		</footer>
	</body>
</html>
